
ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.jSlots-wrapper {
    overflow: hidden;
    height: 20px;
    display: inline-block; /* to size correctly, can use float too, or width*/
    border: 1px solid #999;
}

.slot {
    float: left;
}



/* ---------------------------------------------------------------------
   FANCY EXAMPLE
--------------------------------------------------------------------- */
.fancy .jSlots-wrapper {
    overflow: hidden;
    height: 180px;
    display: inline-block; /* to size correctly, can use float too, or width*/
    border: 1px solid #999;
}

.fancy .slot li {
    width: 180px;
    line-height: 180px;
    text-align: center;
    font-size: 70px;
    font-weight: bold;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8);
    font-family: 'Gravitas One', serif;
    border-left: 1px solid #999;
}

.fancy .slot:first-child li {
    border-left: none;
    background-color: #C6FF69;
}

.fancy .slot li:nth-child(5),
.fancy .slot li:nth-child(10),
.fancy .slot li:nth-child(15) {
    background-color: #09FFBC;
}
.fancy .slot li:nth-child(4),
.fancy .slot li:nth-child(9),
.fancy .slot li:nth-child(14) {
    background-color: #726DE8;
}
.fancy .slot li:nth-child(3),
.fancy .slot li:nth-child(8),
.fancy .slot li:nth-child(13) {
    background-color: #FF0350;
}
.fancy .slot li:nth-child(2),
.fancy .slot li:nth-child(7),
.fancy .slot li:nth-child(12) {
    background-color: #D6A85E;
}
.fancy .slot li:nth-child(1),
.fancy .slot li:nth-child(6),
.fancy .slot li:nth-child(11) {
    background-color: #C6FF69;
}

.fancy .slot li span {
    display: block;
}

/* ---------------------------------------------------------------------
   ANIMATIONS
--------------------------------------------------------------------- */

@-webkit-keyframes winner {
	0%, 50%, 100%  {
    	/*-webkit-transform: rotate(0deg);*/
    	font-size:110px;
	}
}
@-moz-keyframes winner {
	0%, 50%, 100% {
		font-size:110px;
	}
}
@-ms-keyframes winner {
	0%, 50%, 100% {
	    font-size:110px;
	}
}


@-webkit-keyframes winnerBox {
        0% {
        }
}
@-moz-keyframes winnerBox {
        0%, 50%, 100% {
            /*box-shadow: inset 0 0  0px yellow;
            /*background-color: #FF0000;*/
        }
        25%, 75% {
            /*box-shadow: inset 0 0 30px yellow;
            /*background-color: aqua;*/
        }
}
@-ms-keyframes winnerBox {
        0%, 50%, 100% {
            /*box-shadow: inset 0 0  0px yellow;
            /*background-color: #FF0000;*/
        }
        25%, 75% {
            /*box-shadow: inset 0 0 30px yellow;
            /*background-color: aqua;*/
        }
}



.winner li {
    -webkit-animation: winnerBox 2s infinite linear;
       -moz-animation: winnerBox 2s infinite linear;
        -ms-animation: winnerBox 2s infinite linear;
}
.winner li span {
     -webkit-animation: winner 2s infinite linear;
        -moz-animation: winner 2s infinite linear;
         -ms-animation: winner 2s infinite linear;
}

